// The main comment list wrapper
.comments__comment-list {
	border-top: 1px solid var( --color-neutral-10 );
	clear: both;
	margin: 36px 0;
	padding-top: 11px;

	.segmented-control {
		margin: 20px;
	}

	.comments__conversation-follow-button {
		margin-top: 4px;
		margin-left: 14px;
		text-align: right;
	}

	.comments__actions-wrapper {
		text-align: right;
		width: 100%;
	}

	.button.comments__manage-comments-button {
		color: inherit;
		margin-top: -2px;
		padding: 0;

		.gridicon {
			top: 8px;
		}

		@include breakpoint-deprecated( '<660px' ) {
			span {
				display: none;
			}
		}
	}
}

.comments__info-bar {
	margin: 0 36px -36px 0;
	width: 100%;

	.comments__comment-list.has-double-actions & {
		margin: 0 8px -8px 0; // move to a separate line to prevent an overlap
	}

	&.is-no-comments {
		display: none;
	}
}

.comments__view-more {
	color: var( --color-text-subtle );
	cursor: pointer;
	display: block !important; // to overwrite inline-block rule
	font-size: $font-body-small;
	line-height: 1;
	margin-bottom: 15px !important; // to overwrite 10px value

	&:hover {
		color: var( --color-primary-light );
	}
}
